<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

        <!--
            em标签用于表示一段内容的重要性
            strong标签用于表示一个内容的重要性
            这两个标签可以单独使用，也可以一起使用

            通常em显示为斜体，而strong显示为粗体
        -->
        <p>
            <strong>警告：任何情况下都不能接近僵尸!</strong>
            他们只是<em>看起来</em>很友好，实际上他们是为了吃你们的胳膊
        </p>

        <!--
            i标签中的内容会以斜体显示，b标签中的内容会以加粗显示
            h5规范：
                对于不需要着重的内容而是单纯的加粗或者斜体，就可以使用i和b标签
        -->
        <i>我是i标签中的内容</i>
        <b>我是b标签中的内容</b>

        <!--
            small标签中的内容会比他的父元素中的内容要小一些
            在h5中用small来表示一些细则一类的内容，比如：合同中的小字，网站的版权声明可以放到small标签中
        -->
        <p>
            我是p标签
            <small>我是small标签</small>
        </p>

        <!--
            网页中所有的添加书名号的内容都可以使用cite标签，表示参考内容的引用
        -->
        <p>
            <cite>《三国演义》</cite>是我最喜欢的一本书
        </p>

        <!--
            q标签表示一个短的引用（行内引用）
                q标签引用的内容，浏览器会添加引号，表示该内容是引用的

            blockquote 标签表示一个长引用(块级引用)
        -->
        <p>
            子曰：<q>有朋自远方来，不亦乐乎</q>
        </p>

        <div>
            子曰：<blockquote>学而时习之，乐呵乐呵</blockquote>
        </div>

        <!--
            使用sup标签来设置一个上标
        -->
        <p>
            2<sup>2</sup>
            赵薇<a href="#"><sup>[1]</sup></a>
        </p>

        <!--
            使用sub标签来设置一个下标
        -->
        <p>
            H<sub>2</sub>O
        </p>

        <!--
            ins表示插入内容, 显示时通常会加上下划线
            del表示删除内容，显示时通常会加上删除线
        -->
        <p>
            ￥<del>17.5</del><br />
            今天的白菜价格：￥<ins>18.6</ins>
        </p>

        <!--
            pre标签是一个预格式标签，会将代码中的格式保存，不会忽略空格

            code 专门用来表示代码的

            我们一般使用pre 结合 code 来使用，来表示一段代码
        -->
        <pre>
            <code>
                window.onload = function(){
                    alert("say Hello");
                };
            </code>
        </pre>
</body>
</html>